//登录验证
checkLogin(true);

$(function () {
    //实现图片的异步上传 --- 点击事件一般是获取不到文件的
    //一般上传使用的事件是 change --- 指表单元素的 value 属性产生改变的时候触发的
    //如果是输入框，必须是失去焦点后才会触发 change 事件

   //如果是文件上传空间，发生在选择文件之后
   $("#feature").on("change",function () {
       // console.log(12);

       //怎么在file控件里面获取所选中的文件
       // console.dir(this.files);

       //把图片上传到服务端
       // var file = this.files[0];

       //jquery不提供上传资源类型的数据 --- 只能自己使用原生的ajax上传 / 使用插件(flash的)
       // $.post("../php/common/uploadFile.php",{file:file},function(res){
       //   console.log(res);
       // });

       //当事件被触发之后，把选中的图片上传到服务端
       //1. 先得到选中的图片
       var file = this.files[0];
       //2. 把图片上传到服务端
       var xhr = new XMLHttpRequest();
       xhr.open("post","../php/common/uploadFile.php");

       xhr.onreadystatechange = function () {
           if (xhr.readyState == 4 && xhr.status == 200){
               var res = JSON.parse(xhr.responseText);
               if (res.code == 100){
                   $("#img-file").attr("src",res.path).show();
                   $("#featuredata").val(res.path);
               }
           }
       };

       var data = new FormData();

       data.append("file",file);
       xhr.send(data);
   });

   $.post("../php/categories/getCategoriesAll.php",function (res) {
       if (res.code == 100){
           var html = "";
           for (var i = 0; i < res.data.length; i++) {
               html += "<option value = '"+ res.data[i].id +"'>" + res.data[i].name + "</option>";
           }
       }
       $("#category").html(html);
   },"json");


   //点击保存的时候，把数据发送到服务器，存储到数据库里
   $("#btn-sure").on("click",function () {

       //收集数据
       var data = $("#articledata").serialize();

       //判断到底是新增还是更新操作
       if (location.search){
           //更新操作
           //拼接文章id
           data = data + "&id=" + articleId;

           //把数据发送到服务端
           $.post("../php/articles/updateArticleById.php",data,function (res) {
               // console.log(res);
               if (res.code == 100){
                   layer.confirm("您是想去查看所有的文章呢？还是继续编辑呢？点击确定查看，点击取消继续编辑",{icon:1},function (index) {
                       layer.alert(res.msg,{icon:1},function () {
                           location.href = "articles.html";
                       });

                       layer.close(index);
                   });
               } else {
                   layer.alert(res.msg,{icon:2});
               }
           },"json");
       }else {
           //新增操作
           //此时这个数据还缺少一个用户的id
           //策略是一开始在登录的时候就把用户的id存储到cookie里面
           //已经使用$.cookie把用户id存储起来了，直接获取即可

           var user_id = $.cookie("user_id");

           data += "&user_id=" + user_id;

           $.post("../php/articles/addArticle.php", data, function (res) {
               if (res.code == 100) {
                   // alert(res.msg);

                   // layer.alert(res.msg,{icon:1});
                   layer.confirm("您是想去查看所有的文章呢？还是继续编辑呢？点击确定查看，点击取消继续编辑", {icon: 1}, function (index) {
                       layer.alert(res.msg,{icon:1},function () {
                           // alert(1);
                           //跳转的连接要放在layer的函数里面
                           location.href = "articles.html";

                           // getArticlesByPage();
                       });

                       layer.close(index);
                   });
               } else {
                   layer.alert(res.msg, {icon: 2});
               }
           }, "json");
       }
       //阻止默认的提交
       return false;
   });



   //要在一开始加载完毕的时候，如果是修改功能，id传递过来
    if (location.search){
        //更新的逻辑
        //根据id从服务端对应的文章数据来填充到表单里面
        var articleId = location.search.split("=")[1];

        //根据id从服务端获取数据
        $.post("../php/articles/getArticleById.php",{id:articleId},function (res) {
            // console.dir(res.data);
            //把数据填充到表单里面
            if (res.code == 100){
                $("#title").val(res.data.title);
                $("#content").val(res.data.content);
                $("#slug").val(res.data.slug);
                //一开始图片是隐藏的，要显示出来
                $("#img-file").attr("src",res.data.feature).show();
                //图片的路径是保存在隐藏域里面的，要给隐藏域的value赋值
                $("#featuredata").val(res.data.feature);
                $("#category").val(res.data.category_id);
                $("#created").val(res.data.created.replace(" ","T"));
                $("#status").val(res.data.status);
            }
        },"json");
    } else {
        //新增的逻辑
    }

});